<!doctype html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="">
<meta name="description" content="mezz">
<meta name="author" content="mezz">
<link href="css/css.css" rel="stylesheet">
<link href="css/chosen.css" rel="stylesheet">
<!--[if lt IE 9]>
    <link href="css/ie.css" rel="stylesheet" type="text/css" >
    <meta http-equiv="X-UA-Compatible" content="IE=8" >
<![endif]-->
<!--[if lte IE 6]><meta http-equiv="refresh" content="0;url=IE6/IE6.html"><![endif]-->
<link href="favicon.ico" rel="SHORTCUT ICON">
<title>约饭</title>

    <!--导入的   vue.js,jquery.js,element.js,element.css--->
    <script src="./js/vue.min.js"></script>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <!-- Element-UI -->
    <!-- 引入组件库 -->
    <script src="./js/element-ui/index.js"></script>
    <!-- 引入样式 -->
    <link href="./css/element-ui/index.css" rel="stylesheet">

    <script src="./js/layer.js"></script>

    <style>
        .avatar-uploader .el-upload {
            border: 1px dashed #d9d9d9;
            border-radius: 6px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }
        .avatar-uploader .el-upload:hover {
            border-color: #409EFF;
        }
        .avatar-uploader-icon {
            font-size: 28px;
            color: #8c939d;
            width: 178px;
            height: 178px;
            line-height: 178px;
            text-align: center;
        }
        .avatar {
            width: 178px;
            height: 178px;
            display: block;
        }


    </style>

</head>
<body>
<div id="app">
        <div class="head">
          <div class="wrap clearfix">
            <a href="index.html" class="logo indent">logo</a>
            <div class="headr fr">
              <form action="active.html" method="post" class="headsearch">
                <label class="label">
                  <input type="text" value="" name="" class="key">
                  <span class="text">搜索地址、名称、时间等</span>
                </label>
                <button type="submit" class="button btn-search">&#xe628;</button>
              </form>
              <a href="Release.html"><em><img src="images/sb.png"></em>  &nbsp;&nbsp;发布我的饭局</a>
              <div class="user">
                <span class="clearfix"><span class="userimg">
                  <template v-if="tx!=null">
                      <img :src=tx>
                  </template>>
                  <template v-else>
                      <img src="upload/img12.png">
                  </template></span>
                <a href="javascript:;" class="fr" style="     width: 80px; float: right;text-overflow : ellipsis;overflow: hidden;white-space: nowrap;display: block; ">{{nc}}<em>&#xe607;</em></a></span>
                <ul class="topslide">
                  <li><em>&#xe627;</em><a href="mem.html">个人设置</a></li>
                  <li><em>&#xe63d;</em><a href="Message.html">消息中心</a></li>
                  <li><em>&#xe63c;</em><a href="Dinner.html">饭局管理</a></li>
                  <li><em>&#xe63e;</em><a href="fans.html">我的好友</a></li>
                  <li><em>&#xe61b;</em><a href="My_Messages.html" >我的留言</a></li>
                  <li><em>&#xe611;</em><a href="login.html">退出</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>

        <div class="mem-banner" style="background-image:url(upload/img11.jpg);"></div>


        <div class="memwrap wrap clearfix">
          <div class="section fl">
            <div class="location tr"><a href="mem.html" class="current">基本资料</a><a href="pwd.html">修改密码</a><a href="binding.html">帐号绑定</a></div>
            <div class="pd20">
              <table class="baseinfo">
                <tr>
                  <th>账号：</th>
                  <td>{{zh}}</td>
                </tr>
                <tr>
                  <th>昵称：</th>
                  <td><el-input @blur="verify1()" v-model="nc" placeholder="请输入内容" style="width: 250px" ></el-input></td>
                </tr>
                <tr>
                  <th valign="top">头像：</th>
                  <td>
                    <div class="user-photo  fl" ><template v-if="tx!=null">
                        <img width="100%" height="100%" :src=tx>
                    </template>
                        <template v-else>
                            <img src="upload/img12.png">
                        </template>
                    </div>
                      <div class="upfilebox mt20">
<!--                      <a href="javascript:;" class="button btn-upfile" id="user-photo">选择照片</a>-->
                          <a  class="button btn-upfile" @click="upimg">选择照片</a>
                      <p class="mt10">支持jpg,gif,png格式，建议尺寸大于100*100。</p>
                    </div>
                  </td>
                </tr>
                <tr>
                  <th>性别：</th>
                  <td><el-radio v-model="sex" label="1">男</el-radio>
                      <el-radio v-model="sex" label="2">女</el-radio></td>
                </tr>
                <tr>
                  <th>职业：</th>
                  <td><el-input @blur="verify2()" v-model="zy" placeholder="请输入内容" style="width: 250px"></el-input></td>
                </tr>
                <tr>
                  <th>所在城市：</th>
                  <td>

                      <div class="block">
                          <el-cascader
                                  v-model="city"
                                  :options="options"
                                  @change="handleChange"></el-cascader>
                      </div>

                  </td>
                </tr>
                <tr>
                  <th valign="top">个人简介：</th>
                  <td>
                      <el-input
                              type="textarea"
                              placeholder="请输入内容"
                              v-model="info"
                              maxlength="30"
                              show-word-limit
                      >
                      </el-input>

                    <p class="mt30 tc"><button type="button" @click="save()" class="button btn-save">保存</button></p>
                  </td>
                </tr>
              </table>
            </div>
          </div>
          <div class="aside fr">
            <div class="pd15">
              <div class="userimg img">
                  <template v-if="tx!=null">
                      <img width="100%"  :src=tx>
                  </template>
                  <template v-else>
                      <img src="upload/img12.png">
                  </template>
              </div>
              <div class="user-level tc">{{nc}} <em></em><em></em></div>
<!--              <div class="tc"><a href="javascript:;" class="button btn-control btn-follow"> + 关注</a><a href="javascript:;" class="button btn-control btn-sent"><em class="myfont f18">&#xe63f;</em> 私信</a></div>-->
              <div class="Praise tc" style="margin-top: -30px">
<!--                  <em>&#xe61d;</em><em>&#xe61d;</em><em>&#xe61d;</em>-->
                 <br> {{zy}} <br>{{scity}}
              </div>

              <div class="txtwrap tc"><h1 class="f16">个人简介</h1>{{info}}</div>
              <h1 class="f16">关注 {{carezh.length}}</h1>
              <ul class="followlist clearfix" style="height: 130px;overflow-y: auto;cursor: pointer" >
                 <template v-for="(item,index) in carezh">
                     <el-tooltip class="item" effect="dark" :content=item.nc placement="top-start" >
                         <li><img @click="toMessage(item)" :src="item.tx"  ></li>
                     </el-tooltip>
                 </template>
              </ul>
              <h1 class="f16">粉丝 {{fanszh.length}}</h1>
              <ul class="followlist bd0 clearfix" style="height: 130px;overflow-y: auto;cursor: pointer"  >
                  <template v-for="(item,index) in fanszh">
                      <el-tooltip class="item" effect="dark" :content=item.nc placement="top-start">
                          <li><img @click="toMessage(item)" :src="item.tx"></li>
                      </el-tooltip>
                  </template>
              </ul>
            </div>
          </div>
        </div>

            <el-dialog
                    title="上传头像"
                    :visible.sync="dialogVisible"
                    width="30%"
                    :before-close="handleClose">
                    <div class="filesbody clearfix" style="text-align: center">
                        <div>
                            <el-upload
                                    class="avatar-uploader"
                                    action="http://81.68.126.120:8089/uploadapi/"
                                    :show-file-list="false"
                                    :on-success="handleAvatarSuccess"
                                    :on-error="errorAvatar"
                                    :before-upload="beforeAvatarUpload">
                                <img v-if="imageUrl" :src="imageUrl" class="avatar">
                                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                            </el-upload>
                        </div>
                        <div class="upfilebox f14 mt20">
                            <p class="mt10" style="margin-bottom: 15px">支持jpg,gif,png格式，建议尺寸大于100*100。</p>
                        </div>
                    </div>
                    <div class="controlbox tc">
                        <el-button  type="primary" style="background-color: #FF4800;border: 0px" @click="upsave()">保存</el-button>
                        <el-button type="primary" style="background-color: #ffffff;color: #a6a6a6;border: 1px solid #e4e4e4" @click="dialogVisible = false" >取消</el-button></div>
            </el-dialog>
</div>
<script src="../yuefan_web/js/wj/mem.js" type="module"></script>
</body>
<script src="../yuefan_web/js/overall.js"></script>

<script src="js/jquery.js"></script>
<script src="js/Action.js"></script>
<script src="js/upfiles.js"></script>

<script src="js/chosen.jquery.js"></script>
<script type="text/javascript">

    $(document).ready(function($){
        $("#up").uploadPreview({
            Img: "ImgPr",
        });
    });


$(document).ready(function($){
	//select 样式美化
	 var config = {
		'.chosen-select-no-single' : {disable_search_threshold:10}
	}
	for (var selector in config) {
		$(selector).chosen(config[selector]);
	}
	$("#up").uploadPreview({
		Img: "ImgPr",
	});
});
</script>
</html>